<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鲜花</title>
    <link rel="shortcut icon" href="assets/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="head auto">
        <div class="logo"><a href=""><img src="assets/logo.png" alt=""></a></div>
        <ul class="nav">
            <li><a href=""><img src="assets/search.png" alt=""><span></span></a></li>
            <li><a href="">ORDERS<span></span></a></li>
            <li><a href="">PLANTS<span></span></a></li>
            <li><a href="">FLOWERS<span></span></a></li>
            <li><a href="">HOME<span></span></a></li>
        </ul>
    </div>
    <div class="banner ">
    <div class="barimg"><img src="assets/banner2.png" alt="">
        <div class="bara">
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
        </div>
    </div>
    </div>
    <div class="show auto">
        <ul>
            <li class="li1"><img src="assets/20210719150258.png" alt=""></li>
            <li class="li1"><img src="assets/20210719145437222222.png" alt=""></li>
            <li ><img src="assets/202107191455123333.png" alt=""></li>
        </ul>
    </div>
    <div class="topic auto">
        <ul class="tonav">
            <li><a href="">ALL<span></span></a></li>
            <li><a href="">FRESH<span></span></a></li>
            <li><a href="">DRIED<span></span></a></li>
            <li><a href="">POTTED<span></span></a></li>
            <li><a href="">DECORATION<span></span></a></li>
        </ul>

        <ul class="cheat">
            <li><a href=""><img src="assets/cheat5.png" alt=""></a>
                <p><span class="s1">Myrtle Cactus</span><span class="s2">$20.45</span></p>
                <p class="p2">potted</p></li>
            <li class="c1"><a href=""><img src="assets/chart2.png" alt=""></a>
                <p><span class="s1">Sunflower</span><span class="s2">$45.30</span></p>
                <p class="p2">Bouquet</p>
            </li>
            <li class="c1"><a href=""><img src="assets/chart3.png" alt=""></a>
                <p><span class="s1">Vetiver</span><span class="s2">$12.56</span></p>
                <p class="p2">potted</p></li>
            <li class="c1"><a href=""><img src="assets/chart4.png" alt=""></a>
                <p><span class="s1">Viloet Roses</span><span class="s2">$18.97</span></p>
                <p class="p2">Bouquet</p></li>
        </ul>
    </div>  
    <div class="about ">
        <div class="absex"><img src="assets/chart1.png" alt=""></div>
        <ul class="abword">
            <li class="li1">About Us</li>
            <li class="li2">We publish announcement about us here, this shop so far has been about<br> 
                what we likeand why we like it. In this brief final chapter, I turn to some implications of the essent.<br>
                If you would like to know more about us I would
                be happy to have short call with you.</li>
            <li class="li3"><a href=""><input type="submit" value="Move"></a></li>
        </ul>

        
    </div>
    <div class="topic-2 auto">
        <ul>
            <li><a href=""><img src="assets/c1.png" alt=""></a></li>
            <li class="pleft"><a href=""><img src="assets/c2.png" alt=""></a></li>
            <li class="pleft"><a href=""><img src="assets/c3.png" alt=""></a></li>
        </ul>
    </div>
    <div class="join ">
        <div class="joins">
        <ul>
            <li class="li1">Join Our Newsletter</li>
            <li class="li2"><input type="text" value="Your Emails"></li>
            <li class="li3"><input type="submit" value="Send"></li>
            <li class="li4">In effect, we are saying thar if you want to join us, then you have to become one<br> 
                of us.We bless each of you and look forward to those of you choosing to join us ahead.<br>
                Would you like to join us?</li>
        </ul>
    </div>
    </div>
    <div class="footer ">
        <div class="ftr">
        <dl>
            <dt><img src="assets/logo.png" alt="" style="background-color: #fff;"></dt>
            <dd>© 2015-2019 Leaf Shop. <br>
                Flower Family.</dd>
            
        </dl>
        <dl>
            <dt>Locate us</dt>
            <dd>Phone 0298-930393.</dd>
            <dd>Email leaf@gamil.com</dd>
        </dl>
        <dl>
            <dt>Information</dt>
            <dd>All products</dd>
            <dd>About us</dd>
            <dd>Contact us</dd>
        </dl>
        <dl>
            <dt>Discover</dt>
            <dd>Flowers</dd>
            <dd>Bouquet</dd>
            <dd>Ornaments</dd>
            <dd>Decoration</dd>
        </dl>
        <dl>
            <dt>Contact</dt>
            <dd>Send us by email</dd>
            <dd>Goodbye</dd>
        </dl>
        <dl>
            <dt>Download App</dt>
            <dd><img src="assets/FaceBook.png" alt="">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="assets/ins.png" alt=""></dd>
        </dl>
      </div>
    </div>
</body>
</html>